<template>
    <page-header-wrapper :title="false">
      <a-row :gutter="[20,20]">
        <a-col :span="18">
          <a-card>
            <a slot="title">
              <a :style="{ color: '#F2784B' }"><a-icon type="share-alt" /> 业绩统计</a>
            </a>
<!--            <a slot="extra">-->
<!--              <a>详情 <a-icon type="right" /></a>-->
<!--            </a>-->
            <a-row>
              <a-col :span="4">今日</a-col>
              <a-col :span="4">￥ 168765 <a-icon type="arrow-up" :style="{ color: '#ff7875' }" /></a-col>
              <a-col :span="4">在职人数</a-col>
              <a-col :span="4">56人</a-col>
              <a-col :span="4">当前平均</a-col>
              <a-col :span="4">￥ 168765</a-col>
            </a-row>
            <a-divider :style="{ margin: '15px 0' }" />
            <a-row>
              <a-col :span="4">本月总</a-col>
              <a-col :span="4">￥ 456732 <a-icon type="arrow-down" :style="{ color: '#3CB371' }" /></a-col>
              <a-col :span="4">上月总</a-col>
              <a-col :span="4">￥ 456732</a-col>
              <a-col :span="4"></a-col>
              <a-col :span="4"></a-col>
            </a-row>
            <a-divider :style="{ margin: '15px 0' }" />
            <a-row>
              <a-col :span="4">上月同期</a-col>
              <a-col :span="4">￥ 443658</a-col>
              <a-col :span="4">目标</a-col>
              <a-col :span="4">￥ 443658</a-col>
              <a-col :span="4"></a-col>
              <a-col :span="4"></a-col>
            </a-row>
            <a-divider :style="{ margin: '15px 0' }" />
            <a-row>
              <a-col :span="4"><a>历史同期最高</a></a-col>
              <a-col :span="4"><a>￥ 465821</a></a-col>
              <a-col :span="4"><a>历史最高</a></a-col>
              <a-col :span="4"><a>￥ 526214</a></a-col>
              <a-col :span="4"></a-col>
              <a-col :span="4"></a-col>
            </a-row>
            <a-divider :style="{ margin: '15px 0' }" />
          </a-card>
        </a-col>
        <a-col :span="6">
          <a-card>
            <a slot="title">
              <a :style="{ color: '#F2784B' }"><a-icon type="share-alt" /> 业绩分段统计</a>
            </a>
            <a-row>
              <a-col :span="12">业绩前十名</a-col>
              <a-col :span="3">10人</a-col>
              <a-col :span="9"><a-button type="primary" size="small">查看</a-button></a-col>
            </a-row>
            <a-divider :style="{ margin: '8.4px 0' }" />
            <a-row>
              <a-col :span="12">3.5万以上</a-col>
              <a-col :span="3">8人</a-col>
              <a-col :span="9"><a-button type="primary" size="small">查看</a-button></a-col>
            </a-row>
            <a-divider :style="{ margin: '8.4px 0' }" />
            <a-row>
              <a-col :span="12">2.5-3.5万</a-col>
              <a-col :span="3">18人</a-col>
              <a-col :span="9"><a-button type="primary" size="small">查看</a-button></a-col>
            </a-row>
            <a-divider :style="{ margin: '8.4px 0' }" />
            <a-row>
              <a-col :span="12">1.5-2.5万</a-col>
              <a-col :span="3">29人</a-col>
              <a-col :span="9"><a-button type="primary" size="small">查看</a-button></a-col>
            </a-row>
            <a-divider :style="{ margin: '8.4px 0' }" />
            <a-row>
              <a-col :span="12">1.5万以下</a-col>
              <a-col :span="3">2人</a-col>
              <a-col :span="9"><a-button type="primary" size="small">查看</a-button></a-col>
            </a-row>
            <a-divider :style="{ margin: '8.4px 0' }" />
          </a-card>
        </a-col>
        <a-col :span="24">
          <a-card>
            <template slot="title">
              <div :style="{ color: '#F2784B' }"><a-icon type="share-alt" /> 通时统计</div>
            </template>
            <template slot="extra">
              <a>详情 <a-icon type="right" /></a>
            </template>
            <a-row>
              <a-col :span="3">今日</a-col>
              <a-col :span="3">765 min</a-col>
              <a-col :span="3">上班人数</a-col>
              <a-col :span="3">50人</a-col>
              <a-col :span="3">人均</a-col>
              <a-col :span="3">89 min</a-col>
              <a-col :span="3"></a-col>
              <a-col :span="3"></a-col>
            </a-row>
            <a-divider :style="{ margin: '15px 0' }" />
            <a-row>
              <a-col :span="3"><a>今日最高5名</a></a-col>
              <a-col :span="3"><a>小王</a> <a-button type="primary" size="small">更多</a-button></a-col>
              <a-col :span="3"><a>今日最低5名</a></a-col>
              <a-col :span="3"><a>小张</a> <a-button type="primary" size="small">更多</a-button></a-col>
              <a-col :span="3"></a-col>
              <a-col :span="3"></a-col>
            </a-row>
            <a-divider :style="{ margin: '15px 0' }" />
          </a-card>
        </a-col>
        <a-col :span="24">
          <a-card>
            <a slot="title">
              <a :style="{ color: '#F2784B' }"><a-icon type="share-alt" /> 合同统计</a>
            </a>
            <a slot="extra">
              <a>详情 <a-icon type="right" /></a>
            </a>
            <a-row>
              <a-col :span="3">今日</a-col>
              <a-col :span="3">42</a-col>
              <a-col :span="3">开单人数</a-col>
              <a-col :span="3">36人</a-col>
              <a-col :span="3"></a-col>
              <a-col :span="3"></a-col>
              <a-col :span="3"></a-col>
              <a-col :span="3"></a-col>
            </a-row>
            <a-divider :style="{ margin: '15px 0' }" />
            <a-row>
              <a-col :span="3">本月总</a-col>
              <a-col :span="3">126</a-col>
              <a-col :span="3">上月同期</a-col>
              <a-col :span="3">118</a-col>
              <a-col :span="3"></a-col>
              <a-col :span="3"></a-col>
              <a-col :span="3"></a-col>
              <a-col :span="3"></a-col>
            </a-row>
            <a-divider :style="{ margin: '15px 0' }" />
          </a-card>
        </a-col>
        <a-col :span="24">
          <a-card>
            <a slot="title">
              <a :style="{ color: '#F2784B' }"><a-icon type="share-alt" /> 业务统计</a>
            </a>
            <a slot="extra">
              <a>详情 <a-icon type="right" /></a>
            </a>
            <a-row>
              <a-col :span="3">今日</a-col>
              <a-col :span="3">43</a-col>
              <a-col :span="3">上月同期</a-col>
              <a-col :span="3">342</a-col>
              <a-col :span="3">平均</a-col>
              <a-col :span="3">40</a-col>
              <a-col :span="3"></a-col>
              <a-col :span="3"></a-col>
            </a-row>
            <a-divider :style="{ margin: '15px 0' }" />
            <a-row>
              <a-col :span="3">本月总</a-col>
              <a-col :span="3">328</a-col>
              <a-col :span="3"></a-col>
              <a-col :span="3"></a-col>
              <a-col :span="3"></a-col>
              <a-col :span="3"></a-col>
              <a-col :span="3"></a-col>
              <a-col :span="3"></a-col>
            </a-row>
            <a-divider :style="{ margin: '15px 0' }" />
            <a-row>
              <a-col :span="3"><a>商标</a></a-col>
              <a-col :span="3"><a>32</a></a-col>
              <a-col :span="3"><a>专利</a></a-col>
              <a-col :span="3"><a>3</a></a-col>
              <a-col :span="3"><a>版权</a></a-col>
              <a-col :span="3"><a>8</a></a-col>
              <a-col :span="3"><a>设计</a></a-col>
              <a-col :span="3"><a>6</a></a-col>
            </a-row>
            <a-divider :style="{ margin: '15px 0' }" />
            <a-row>
              <a-col :span="3"><a>国际</a></a-col>
              <a-col :span="3"><a>9</a></a-col>
              <a-col :span="3"><a>400</a></a-col>
              <a-col :span="3"><a>4</a></a-col>
              <a-col :span="3"><a>创新</a></a-col>
              <a-col :span="3"><a>2</a></a-col>
              <a-col :span="3"></a-col>
              <a-col :span="3"></a-col>
            </a-row>
            <a-divider :style="{ margin: '15px 0' }" />
          </a-card>
        </a-col>
      </a-row>
    </page-header-wrapper>
</template>

<script>
  export default {
    name: 'Data'
  }
</script>

<style scoped>

</style>
